<head>
    <meta charset="UTF-8">
    <title>html5标签</title>
</head>
<body>
<h1>html5标签</h1>
<hr/>
<!-- 页眉 -->
页眉--header
<header>
    <h1>我的网站--h1</h1>
    <p>欢迎来到我的个人网站。--p</p>
</header>
<br/>
<hr/>
<!-- 导航 -->
导航--nav
<nav>
    <ul>
        <li><a href="#">首页--ul-li-a</a></li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">服务</a></li>
        <li><a href="#">联系我们</a></li>
    </ul>
</nav>
<br/>
<hr/>
<!-- 主要内容区域 -->
主要内容区域--section-article
<section>
    <h2>最新文章</h2>
    <article>
        <h3>第一篇文章标题</h3>
        <p>这是第一篇文章的内容。</p>
    </article>
    <article>
        <h3>第二篇文章标题</h3>
        <p>这是第二篇文章的内容。</p>
    </article>
</section>
<hr/>
<!-- 视频部分 -->
视频--section-video-source
<section>
    <h2>视频教程</h2>
    <video controls>
        <source src="#" type="video/mp4">
        您的浏览器不支持 video 标签。
    </video>
</section>
<br/>
<hr/>
<!-- 页脚 -->
页脚--footer
<footer>
    <p>版权所有 © 2024 我的网站 | 联系方式: example@example.com</p>
</footer>
</body>